<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>点击首页下方单位所出现网页</title>
    <link rel="stylesheet" href="./registrationform.css" />
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body>
    <!-- 头部 -->
    <header class="registrationformheader flex aic jc-sb w100 bg-fff fixed">
      <a href="../text1/Registration.html" class="icon iconfont icon-xiangzuojiantou ml-10 flex aic"></a>
      <span>填写入职登记表</span>
      <a href="../text3/result.html" class="icon1 mr-10 flex aic">保存</a>
    </header>
    <!-- 主体 -->
    <div class="registrationformbox">
      <!-- 输入框 -->
      <ul class="registrationformList w100 bg-fff">
        <li class="t1 f16 flex aic">基础信息</li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="base">*</span>
            <span class="t-999">姓名</span>
          </p>
          <p class="fg1 t-999">王强</p>
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="base">*</span>
            <span class="t-999">证件类型</span>
          </p>
          <p class="fg1 t-999">身份证</p>
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="base">*</span>
            <span class="t-999">身份证号</span>
          </p>
          <p class="fg1 t-999">371456198908090543</p>
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="base">*</span>
            <span class="t-999">手机号码</span>
          </p>
          <p class="fg1 t-999">18789000078</p>
        </li>
        <li id="Gender" class="t3 flex aic f14 t-999">
          <span class="Name">性别</span>
          <span class="fg1">请选择</span>
          <span class="iconfont icon-jiantou mr-15"></span>
        </li>
        <!-- 性别点击事件 -->
        <div class="Genderbox fixed rel dsn">
          <div class="Gendertext w100 abs">
            <p class="Gendertext1 w100 bg-fff flex aic jc-c t-999 f12">请选择性别</p>
            <p class="Gendertext2 w100 bg-fff flex aic jc-c f16">男</p>
            <p class="Gendertext2 w100 bg-fff flex aic jc-c f16">女</p>
            <p class="Gendertext3"></p>
            <p class="Gendertext2 w100 bg-fff flex aic jc-c f16 t-999">取消</p>
          </div>
        </div>
        <li id="birth" class="t3 flex aic f14 t-999">
          <span class="Name">出生日期</span>
          <span class="fg1">请选择</span>
          <span class="iconfont icon-jiantou mr-15"></span>
        </li>
        <!-- 出生日期点击事件 -->
        <div class="birthbox fixed rel dsn">
          <div class="birthtext w100 abs">
            <p class="birthtext1 w100 bg-fff flex aic jc-sb">
              <span class="t1 flex aic pl-30">取消</span>
              <span class="birthyes flex aic pr-30">确定</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2020年</span>
              <span>01日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2019年</span>
              <span>02日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2018年</span>
              <span>03日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2017年</span>
              <span>04日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2016年</span>
              <span>05日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2015年</span>
              <span>06日</span>
            </p>
            <p class="birthtext2 w100 bg-fff flex aic jc-sa">
              <span>2014年</span>
              <span>07日</span>
            </p>
          </div>
        </div>
        <li id="nation" class="t3 flex aic f14 t-999">
          <span class="Name">民族</span>
          <span class="fg1">请选择</span>
          <span class="iconfont icon-jiantou mr-15"></span>
        </li>
        <!-- 民族点击事件 -->
        <div class="nationbox fixed rel">
          <div class="nationtext w100 abs fdc aic jc-c">
            <div class="nation1">请选择民族</div>
            <div class="nation2">汉族</div>
            <div>回族</div>
            <div>维吾尔族</div>
            <div>壮族</div>
            <div>其他少数民族</div>
            <div class="blank"></div>
            <div>取消</div>
          </div>
        </div>
        <li class="t2 flex aic t-999">
          <span class="Name">籍贯</span>
          <input class="input fg1 flex" type="text" placeholder="请输入籍贯" />
        </li>
        <li class="t2 flex aic">
          <span class="Name t-999">户籍类型</span>
          <input type="checkbox" name="" id="" />
          <span class="ml-10">农村</span>
          <input class="ml-25" type="checkbox" name="" id="" />
          <span class="ml-10">城市</span>
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="t-999">户籍地址</span>
          </p>
          <input class="input fg1 flex" type="text" placeholder="请输入" />
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="t-999">现居地址</span>
          </p>
          <input class="input fg1 flex" type="text" placeholder="请输入" />
        </li>
        <li class="t3 flex aic f14 t-999">
          <span class="Name">婚姻状态</span>
          <span class="fg1">请选择</span>
          <span class="iconfont icon-jiantou mr-15"></span>
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="t-999">邮箱地址</span>
          </p>
          <input class="input fg1 flex" type="text" placeholder="请输入" />
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="t-999">微信</span>
          </p>
          <input class="input fg1 flex" type="text" placeholder="请输入" />
        </li>
        <li class="t2 flex aic">
          <p class="Name">
            <span class="t-999">QQ</span>
          </p>
          <input class="input fg1 flex" type="text" placeholder="请输入" />
        </li>
      </ul>
      <!-- 各种添加 -->
      <ul class=" w100">
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>家庭成员</span>
          <a href="../dianji1/addTo1.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>证书</span>
          <a href="../dianji2/addTo2.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>技能</span>
          <a href="../dianji3/addTo3.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>教育经历</span>
          <a href="../dianji4/addTo4.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>工作经历</span>
          <a href="../dianji5/addTo5.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
        <li class="registrationformfamily pl-15 pr-15 w100  bg-fff mt-10 flex aic jc-sb">
          <span>项目经历</span>
          <a href="../dianji6/addTo6.html" class="flex aic">
            <img class="mr-15" src="../../../assets/img/Registration.img/u2672.png" alt="">
            <span class="color">添加</span>
          </a>
        </li>
      </ul>
      <!-- 工资卡信息 -->
      <ul class="registrationformcard w100 fdc pl-15 bg-fff mt-10">
          <li class="card1 flex aic">工资卡信息</li>
          <li class="card2 flex aic">
            <p class="cardName">
              <span class="t-999">银行卡号</span>
            </p>
            <input class="cardinput fg1 flex" type="text" placeholder="请输入" />
          </li>
          <li class="card2 flex aic">
            <p class="cardName">
              <span class="t-999">开户行</span>
            </p>
            <input class="cardinput fg1 flex" type="text" placeholder="请输入" />
          </li>
          <li class="card2 flex aic">
            <p class="cardName">
              <span class="t-999">备注</span>
            </p>
            <input class="cardinput fg1 flex" type="text" placeholder="请输入" />
          </li>
      </ul>
      <!-- 附件档案 -->
      <ul class="registrationformarchives w100 fdc mb-35 pl-15 bg-fff mt-10">
          <li class="archives1 flex aic">附件档案</li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">证件照</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">身份证正面照</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">身份证反面照</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">学生证照片</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">学位证照片</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
          <li class="archives2 flex aic f14 t-999">
            <span class="archivesName">离职证明</span>
            <span class="fg1">请选择</span>
            <span class="iconfont icon-jiantou mr-15"></span>
          </li>
      </ul>
      <div class=" tac f14 mb-10 t-999">没有更多数据了</div>
    </div>

    <script src="./registrationform.js"></script>
  </body>
</html>
